<?php
return <<<HTML
<div class="container mx-auto px-4 py-12">
    <div class="max-w-4xl mx-auto">
        <div class="text-center mb-12">
            <h1 class="text-4xl md:text-5xl font-bold mb-6 gradient-text">About LyricsPinyin.net</h1>
            <p class="text-xl text-gray-600 leading-relaxed">Your premier destination for lyrics with accurate pinyin annotations</p>
        </div>
        
        <div class="prose max-w-none">
            <div class="bg-gradient-to-br from-cyan-50 to-blue-50 rounded-2xl p-8 mb-10">
                <h2 class="text-2xl font-bold mb-6 text-gray-800 flex items-center">
                    <i class="fas fa-bullseye text-cyan-600 mr-3"></i>
                    Our Mission
                </h2>
                <p class="text-gray-700 leading-relaxed mb-4">
                    LyricsPinyin.net is dedicated to bridging the gap between music appreciation and language learning. We believe that music is one of the most effective and enjoyable ways to learn pronunciation, especially for Chinese language learners. Our mission is to provide the most comprehensive and accurate pinyin annotations for song lyrics, making it easier for learners worldwide to master proper Chinese pronunciation through their favorite songs.
                </p>
                <p class="text-gray-700 leading-relaxed">
                    We strive to create an inclusive platform where music lovers and language learners can come together to explore the beauty of Chinese music while improving their pronunciation skills through our meticulously crafted pinyin annotations.
                </p>
            </div>

            <div class="grid md:grid-cols-2 gap-8 mb-10">
                <div class="bg-white rounded-xl shadow-lg p-6 border border-gray-100">
                    <h2 class="text-2xl font-bold mb-4 text-gray-800 flex items-center">
                        <i class="fas fa-database text-cyan-600 mr-3"></i>
                        Our Pinyin Database
                    </h2>
                    <p class="text-gray-700 leading-relaxed">
                        Our extensive database features thousands of songs with professionally annotated pinyin, covering various genres from traditional Chinese music to contemporary pop hits. Each annotation is carefully reviewed by linguistic experts to ensure accuracy in tone markers and pronunciation guides, providing learners with reliable reference materials for their language journey.
                    </p>
                </div>

                <div class="bg-white rounded-xl shadow-lg p-6 border border-gray-100">
                    <h2 class="text-2xl font-bold mb-4 text-gray-800 flex items-center">
                        <i class="fas fa-search text-cyan-600 mr-3"></i>
                        Smart Search Technology
                    </h2>
                    <p class="text-gray-700 leading-relaxed">
                        Our advanced search algorithm is specifically designed for pinyin lyrics discovery. Whether you're searching by song title, artist name, or even partial lyrics, our intelligent system will help you find exactly what you're looking for with precise pinyin annotations and tone markers.
                    </p>
                </div>
            </div>

            <div class="bg-white rounded-2xl shadow-lg p-8 mb-10 border border-gray-100">
                <h2 class="text-2xl font-bold mb-6 text-gray-800 flex items-center">
                    <i class="fas fa-users text-cyan-600 mr-3"></i>
                    Our Team
                </h2>
                <p class="text-gray-700 leading-relaxed mb-4">
                    LyricsPinyin.net is powered by a diverse team of music enthusiasts, linguistic experts, and technology professionals. Our team includes native Chinese speakers, certified language instructors, and experienced developers who share a common passion for making Chinese language learning more accessible and enjoyable through music.
                </p>
                <p class="text-gray-700 leading-relaxed">
                    We work tirelessly to maintain the highest standards of accuracy in our pinyin annotations while continuously improving our platform's user experience and expanding our song collection to serve learners of all levels.
                </p>
            </div>

            <div class="bg-gradient-to-r from-cyan-500 to-blue-600 rounded-2xl p-8 mb-10">
                <h2 class="text-2xl font-bold mb-6 flex items-center">
                    <i class="fas fa-heart mr-3"></i>
                    Why We Do This
                </h2>
                <p class="leading-relaxed mb-4">
                    We believe that learning should be fun, engaging, and culturally enriching. Music has the unique power to make language learning memorable and enjoyable. By providing accurate pinyin annotations, we help learners not only understand the lyrics but also develop proper pronunciation habits that will benefit their overall Chinese language proficiency.
                </p>
                <p class="leading-relaxed">
                    Our platform serves students, teachers, music lovers, and anyone interested in exploring Chinese culture through its rich musical heritage. We're proud to be part of your language learning journey.
                </p>
            </div>

            <div class="text-center bg-gray-50 rounded-2xl p-8">
                <h2 class="text-2xl font-bold mb-6 text-gray-800 flex items-center justify-center">
                    <i class="fas fa-envelope text-cyan-600 mr-3"></i>
                    Get in Touch
                </h2>
                <p class="text-gray-700 leading-relaxed mb-6">
                    Have questions, suggestions, or feedback? We'd love to hear from you! Our team is always ready to help and continuously improve our service based on your valuable input.
                </p>
                <div class="flex flex-col sm:flex-row gap-4 justify-center items-center">
                    <a href="mailto:support@lyricspinyin.net" class="inline-flex items-center bg-gradient-to-r from-cyan-500 to-blue-600 hover:from-cyan-600 hover:to-blue-700 px-6 py-3 rounded-lg transition duration-300 font-semibold shadow-lg hover:shadow-xl">
                        <i class="fas fa-paper-plane mr-2"></i>
                        Contact Us
                    </a>
                    <span class="text-gray-600">support@lyricspinyin.net</span>
                </div>
                
                <p class="mt-8 text-gray-600 font-medium">Thank you for choosing LyricsPinyin.net - where music meets language learning!</p>
            </div>
        </div>
    </div>
</div>
HTML; 